﻿
.floor1 {
    /*background: red;*/
    position: relative;
    display: flex;
    width: auto;
    height: auto;
    margin-right: 180px;
}

.title {
    position: absolute;
    display: flex;
    margin-top: 10px;
    width: 100%;
    justify-content: center;
    font-size: 36px;
    font-weight: bolder;
    align-items: center;
}

.floor-chose {
    position: absolute;
    display: flex;
    width: auto;
    height: auto;
    margin-top: 100px;
    margin-left: 30px;
    /*background: blue;*/
    justify-content: center;
}

.plc-table-ele, .plc-table-eleup, .plc-table-eledown {
    /*position: relative;*/
    width: auto;
    height: auto;
    display: flex;
    margin-left: 5px;
}

.focus-tip-ele {
    z-index: 99;
    position: absolute;
    width: auto;
    height: auto;
    /*width: 325px;
                          height: 335px;*/
    padding: 10px;
    display: none;
    justify-content: space-around;
    background: #99ff99;
    border-radius: 5px;
    align-content: center;
    justify-content: center;
}

/***图鉴说明***/
.tujian-shuoming {
    position: absolute;
    display: flex;
    width: auto;
    height: 680px;
    margin-top: 465px;
    margin-left: 610px;
    justify-content: center;
    /*background: blue;*/
}

.tujian-txt {
    position: absolute;
    display: flex;
    width: 200px;
    height: 45px;
    margin-top: -38px;
    margin-left: -35px;
    text-align: center;
    font-size: 26px;
    font-weight: bolder;
    color: #FF9900;
    /*background:red;*/
}

.tujian-img {
    position: absolute;
    display: flex;
    width: 300px;
    height: 408px;
}

.focus-tip {
    z-index: 99;
    position: absolute;
    width: auto;
    height: auto;
    /*width: 325px;
          height: 335px;*/
    padding: 10px;
    display: none;
    justify-content: space-around;
    background: #99ff99;
    border-radius: 5px;
    align-content: center;
    justify-content: center;
}

.focus-tip-sc {
    z-index: 99;
    position: absolute;
    width: auto;
    height: auto;
    /*width: 325px;
          height: 335px;*/
    padding: 10px;
    display: none;
    justify-content: space-around;
    background: #99ff99;
    border-radius: 5px;
    align-content: center;
    justify-content: center;
}

table {
    table-layout: fixed;
}

td {
    padding: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.plc-table, .wcs-table {
    /*position: relative;*/
    width: auto;
    height: auto;
    display: flex;
    margin-left: 5px;
}




.louceng-tisheng-img {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
}

.img-tisheng {
    position: absolute;
    display: flex;
    width: 40px;
    height: 50px;
}

.img-liushuixian {
    position: absolute;
    display: flex;
    width: 43px;
    height: 38px;
}

.img-guntong {
    position: absolute;
    display: flex;
    width: 43px;
    height: 34px;
    cursor: pointer;
}

.img-guntong-lg {
    width: 63px;
    height: 34px;
}

.fangxiang-0 {
    position: absolute;
    display: flex;
    width: 20px;
    height: 15px;
}


.fangxiang-90 {
    position: absolute;
    display: flex;
    width: 20px;
    height: 15px;
    transform: rotate(90deg);
}


.fangxiang-180 {
    position: absolute;
    display: flex;
    width: 20px;
    height: 15px;
    transform: rotate(180deg);
}

.fangxiang-270 {
    position: absolute;
    display: flex;
    width: 20px;
    height: 15px;
    transform: rotate(270deg);
}

.hongdian, .lvdian {
    position: absolute;
    display: flex;
    width: 10px;
    height: 10px;
    margin-left: 1px;
    margin-top: -35px;
}

.tuopan {
    position: absolute;
    display: flex;
    width: 20px;
    height: 30px;
    visibility: hidden;
}

.tuopan-90 {
    position: absolute;
    display: flex;
    width: 20px;
    height: 30px;
    transform: rotate(90deg);
    visibility: hidden;
}

.duiduoji-img {
    position: absolute;
    display: flex;
    width: 60px;
    height: 40px;
}




/****弹窗***/

.click-modal {
    /*width: 1525px;*/
    height: 500px;
}

.click-div-plc {
    position: absolute;
    width: 49%;
    height: 420px;
    display: flex;
    margin-left: -10px;
}

.click-div {
    width: auto;
    height: 420px;
}

.form-horizontal {
    position: absolute;
    display: flex;
    width: 95%;
}

.form-control {
    width: 80px;
}

.save-plc-btn {
    margin-left: -500px;
}

.label-plc {
    width: 90px;
    text-align: right;
    padding-right: 5px;
    font-size: 13px;
}

.plc-title-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    margin-left: -80px;
}

.plc-task-code-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 35px;
    margin-left: 5px;
}

.plc-action-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 35px;
    margin-left: 210px;
}

.input-plc-task-code {
    width: 80px;
}

.plc-equipment-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 95px;
    margin-left: 5px;
}

.plc-toequipment-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 95px;
    margin-left: 210px;
}

.plc-palletcode-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 155px;
    margin-left: 5px;
}

.plc-pallettype-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 155px;
    margin-left: 210px;
}

.plc-alramcode-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 215px;
    margin-left: 5px;
}

.plc-Reserve-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 275px;
    margin-left: 5px;
}

.plc-Reserve2-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 275px;
    margin-left: 210px;
}

.plc-Reserve3-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 335px;
    margin-left: 5px;
}

.plc-Reserve4-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 335px;
    margin-left: 210px;
}


.click-div-wcs {
    position: absolute;
    height: 100%;
    display: flex;
    margin-left: 440px;
}

.wcs-title-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
}

.wcs-task-code-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 35px;
    margin-left: 5px;
}

.wcs-action-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 35px;
    margin-left: 210px;
}

.wcs-equipment-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 95px;
    margin-left: 5px;
}

.wcs-toequipment-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 95px;
    margin-left: 210px;
}

.wcs-palletcode-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 155px;
    margin-left: 5px;
}

.wcs-pallettype-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 155px;
    margin-left: 210px;
}

.wcs-alramcode-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 215px;
    margin-left: 5px;
}

.wcs-Reserve-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 275px;
    margin-left: 5px;
}

.wcs-Reserve2-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 275px;
    margin-left: 210px;
}

.wcs-Reserve3-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 335px;
    margin-left: 5px;
}

.wcs-Reserve4-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 335px;
    margin-left: 210px;
}


.label-wcs {
    width: 90px;
    text-align: right;
    padding-right: 5px;
    font-size: 13px;
}



.click-div-plc-sc {
    width: 98%;
    height: 420px;
    display: flex;
    margin-left: -10px;
}

.label-plc-sc {
    width: 110px;
    text-align: right;
    padding-right: 5px;
    font-size: 12px;
}
/***堆垛机wcs数据****/

.plc-title-div-sc {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-left: -380px;
}

.sc-task-code-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 35px;
    margin-left: 5px;
}

.sc-action-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 35px;
    margin-left: 230px;
}

.sc-equipment-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 95px;
    margin-left: 5px;
}

.sc-toequipment-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 95px;
    margin-left: 230px;
}

.sc-palletcode-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 155px;
    margin-left: 5px;
}

.sc-pallettype-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 155px;
    margin-left: 230px;
}

.sc-alramcode-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 215px;
    margin-left: 5px;
}

.sc-Reserve-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 275px;
    margin-left: 5px;
}

.sc-Reserve2-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 215px;
    margin-left: 230px;
}

.sc-Reserve3-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 275px;
    margin-left: 230px;
}

.sc-Reserve4-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 335px;
    margin-left: 230px;
}

.scwcs-task-code-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 35px;
    margin-left: 430px;
}

.scwcs-action-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 35px;
    margin-left: 645px;
}

.scwcs-equipment-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 95px;
    margin-left: 430px;
}

.scwcs-toequipment-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 95px;
    margin-left: 645px;
}

.scwcs-palletcode-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 155px;
    margin-left: 430px;
}

.scwcs-pallettype-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 155px;
    margin-left: 645px;
}

.scwcs-alramcode-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 215px;
    margin-left: 430px;
}

.scwcs-Reserve-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 215px;
    margin-left: 645px;
}

.scwcs-Reserve2-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 275px;
    margin-left: 645px;
}

.scwcs-Reserve3-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 275px;
    margin-left: 430px;
}

.scwcs-Reserve4-div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 335px;
    margin-left: 430px;
}


.img-ocv {
    position: absolute;
    display: flex;
    width: 40px;
    height: 80px;
}


.louceng-tisheng-410003-lvdian, .louceng-tisheng-410003-hongdian, .louceng-tisheng-410019-lvdian, .louceng-tisheng-410019-hongdian,
.louceng-tisheng-410163-lvdian, .louceng-tisheng-410163-hongdian, .louceng-tisheng-410029-lvdian, .louceng-tisheng-410029-hongdian,
.louceng-tisheng-410045-lvdian, .louceng-tisheng-410045-hongdian, .louceng-tisheng-410061-lvdian, .louceng-tisheng-410061-hongdian,
.louceng-tisheng-410071-lvdian, .louceng-tisheng-410071-hongdian, .louceng-tisheng-410087-lvdian, .louceng-tisheng-410087-hongdian,
.louceng-tisheng-410101-lvdian, .louceng-tisheng-410101-hongdian, .louceng-tisheng-410113-lvdian, .louceng-tisheng-410113-hongdian,
.louceng-tisheng-410129-lvdian, .louceng-tisheng-410129-hongdian, .louceng-tisheng-410147-lvdian, .louceng-tisheng-410147-hongdian {
    position: absolute;
    display: flex;
    width: 10px;
    height: 10px;
}

.louceng-tisheng-410003-tuopan, .louceng-tisheng-410019-tuopan, .louceng-tisheng-410029-tuopan, .louceng-tisheng-410045-tuopan,
.louceng-tisheng-410061-tuopan, .louceng-tisheng-410071-tuopan, .louceng-tisheng-410087-tuopan, .louceng-tisheng-410101-tuopan,
.louceng-tisheng-410113-tuopan, .louceng-tisheng-410129-tuopan, .louceng-tisheng-410147-tuopan, .louceng-tisheng-410163-tuopan {
    position: absolute;
    display: flex;
    width: 20px;
    height: 30px;
    margin-top: 4px;
    visibility: hidden;
}


.louceng-tisheng1-410003 {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
    margin-top: 200px;
    margin-left: 46px;
    cursor: pointer;
}
.louceng-tisheng-410003-img {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
}


.louceng-tisheng1-410019 {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
    margin-top: 318px;
    margin-left: 46px;
    cursor: pointer;
}
.louceng-tisheng-410019-img {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
}


.louceng-tisheng1-410029 {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
    margin-top: 432px;
    margin-left: 46px;
    cursor: pointer;
}
.louceng-tisheng-410029-img {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
}


.louceng-tisheng1-410045 {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
    margin-top: 526px;
    margin-left: 46px;
    cursor: pointer;
}
.louceng-tisheng-410045-img {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
}


.louceng-tisheng1-410061 {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
    margin-top: 614px;
    margin-left: 46px;
    cursor: pointer;
}
.louceng-tisheng-410061-img {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
}


.louceng-tisheng1-410071 {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
    margin-top: 753px;
    margin-left: 46px;
    cursor: pointer;
}
.louceng-tisheng-410071-img {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
}


.louceng-tisheng1-410087 {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
    margin-top: 844px;
    margin-left: 46px;
    cursor: pointer;
}
.louceng-tisheng-410087-img {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
}


.louceng-tisheng1-410101 {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
    margin-top: 938px;
    margin-left: 46px;
    cursor: pointer;
}
.louceng-tisheng-410101-img {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
}


.louceng-tisheng1-410113 {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
    margin-top: 1072px;
    margin-left: 46px;
    cursor: pointer;
}
.louceng-tisheng-410113-img {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
    display: flex;
}


.louceng-tisheng1-410129 {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
    margin-top: 1168px;
    margin-left: 46px;
    cursor: pointer;
}
.louceng-tisheng-410129-img {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
    display: flex;
}


.louceng-tisheng1-410147 {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
    margin-top: 1304px;
    margin-left: 46px;
    cursor: pointer;
}
.louceng-tisheng-410147-img {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
    display: flex;
}


.louceng-tisheng1-410163 {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
    margin-top: 1398px;
    margin-left: 46px;
    cursor: pointer;
}
.louceng-tisheng-410163-img {
    position: absolute;
    display: flex;
    width: 50px;
    height: 50px;
    display: flex;
}
